.accordion-wrapper {
}

.bar {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;

  .chevron {
    @include size(12px, 6px);
    transition: transform 0.3s ease-in-out;
  }

  .title-noto-sans {
    font-family: $notoSans;
    font-size: $paragraph;
  }

  .title-small {
    font-size: $title-s;
  }

  &.active {
    .chevron {
      transform: rotate(180deg);
    }
  }
}

.content {
  max-height: 0;
  overflow: hidden;

  &.active {
    overflow: visible;
    max-height: inherit;
  }
}
